<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<div id="app">
		  {{ message }}
		  
		  <div >
		    {{ message }}
		  </div>
		  
		  
		  <span  v-bind:title="message">
		      鼠标悬停几秒钟查看此处动态绑定的提示信息！
		  </span>
		  
		  
		  <img v-bind:src="images">
		  
		</div>
		
		 
		
		
	</body>
	
    <!-- 引入vue核心文件(编译引擎) -->
	<script src="js/vue.js"></script>
	
	<script>
		//实例化vue对象
		var app = new Vue({
		  //vue引擎要管理的html节点在哪里 el--> element
		  el: '#app',
		  //vue管理内部私有的数据
		  data: {
		    message: 'Hello Vue!',
			images: 'https://cdn.wwads.cn/creatives/YfCPoriEO9l3kbw37XgTFOS5Cq2hfpTDlGWiLjwB.jpg'
		  }
		})
		
	</script>
	

</html>